﻿<%@ Page Title="" Language="C#" MasterPageFile="~/user/User.master" AutoEventWireup="true" CodeFile="register.aspx.cs" Inherits="user_register" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="content" Runat="Server">
<div class="form_register">
    <div class="form_register_left">
        <asp:Label ID="Label6" runat="server" Text="*First name"></asp:Label>
        <asp:RequiredFieldValidator ID="rqFirstname" runat="server" 
            ControlToValidate="txtFirstname" Display="None" 
            ErrorMessage=" Please input First name" SetFocusOnError="True"></asp:RequiredFieldValidator>
        <asp:ValidatorCalloutExtender ID="rqFirstname_ValidatorCalloutExtender" 
            runat="server" HighlightCssClass="validatorCalloutHighlight" 
            TargetControlID="rqFirstname" Width="180px">
        </asp:ValidatorCalloutExtender>
        <asp:TextBox ID="txtFirstname" runat="server" Width="180px"></asp:TextBox>
    </div>
    <div class="form_register_right">
        <asp:Label ID="Label7" runat="server" Text="*Last name"></asp:Label>
        <asp:RequiredFieldValidator ID="rqLastname" runat="server" 
            ControlToValidate="txtLastname" Display="None" 
            ErrorMessage="Please input Last name" SetFocusOnError="True"></asp:RequiredFieldValidator>
        <asp:ValidatorCalloutExtender ID="rqLastname_ValidatorCalloutExtender" 
            runat="server" HighlightCssClass="validatorCalloutHighlight" 
            TargetControlID="rqLastname">
        </asp:ValidatorCalloutExtender>
        <asp:TextBox ID="txtLastname" runat="server" Width="180px"></asp:TextBox>
    </div>
</div>
<div class="form_register">
    <div class="form_register_left">
        <asp:Label ID="lblBirthdate" runat="server" Text="*Birth date"></asp:Label>
        <asp:RequiredFieldValidator ID="rqBirthdate" runat="server" 
            ControlToValidate="txtBirthdate" Display="None" 
            ErrorMessage="Please input your birthdate" SetFocusOnError="True"></asp:RequiredFieldValidator>
        <asp:ValidatorCalloutExtender ID="rqBirthdate_ValidatorCalloutExtender" 
            runat="server" HighlightCssClass="validatorCalloutHighlight" 
            TargetControlID="rqBirthdate">
        </asp:ValidatorCalloutExtender>
        <asp:TextBox ID="txtBirthdate" runat="server" Width="180px"></asp:TextBox>

        <asp:CalendarExtender ID="txtBirthdate_CalendarExtender" runat="server" 
            TargetControlID="txtBirthdate">
        </asp:CalendarExtender>

    </div>
    <div class="form_register_right" style="width: 120px;">
        <asp:Label ID="Label8" runat="server" Text="Gender"></asp:Label>
        <asp:DropDownList ID="DropDownListGender" runat="server">
            <asp:ListItem>--Select gender--</asp:ListItem>
            <asp:ListItem>Male</asp:ListItem>
            <asp:ListItem>Female</asp:ListItem>
        </asp:DropDownList>
    </div>
</div>
<div class="form_register">
    <div class="form_register_left">
        <asp:Label ID="Label2" runat="server" Text="*Email"></asp:Label>
        <asp:RegularExpressionValidator ID="regxEmail" runat="server" 
            ControlToValidate="txtEmail" Display="None" 
            ErrorMessage="Please enter a email example format&lt;br&gt; yourmail@domain.com" 
            SetFocusOnError="True" 
            ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
        <asp:RequiredFieldValidator ID="rqEmail" runat="server" 
            ControlToValidate="txtEmail" Display="None" 
            ErrorMessage="Please enter your email"></asp:RequiredFieldValidator>
        <asp:ValidatorCalloutExtender ID="rqEmail_ValidatorCalloutExtender" 
            runat="server" HighlightCssClass="validatorCalloutHighlight" 
            TargetControlID="rqEmail">
        </asp:ValidatorCalloutExtender>
        <asp:ValidatorCalloutExtender ID="regxEmail_ValidatorCalloutExtender" 
            runat="server" HighlightCssClass="validatorCalloutHighlight" 
            TargetControlID="regxEmail">
        </asp:ValidatorCalloutExtender>
        <asp:TextBox ID="txtEmail" runat="server" Width="180px"></asp:TextBox>
    </div>
    <div class="form_register_right">
        <asp:Label ID="Label9" runat="server" Text="*Phone number"></asp:Label>
        <asp:RegularExpressionValidator ID="rqregxPhone" runat="server" 
            ControlToValidate="txtPhone" Display="None" 
            ErrorMessage="Please enter a phone in the format&lt;br&gt; ######### or ########## " 
            SetFocusOnError="True" ValidationExpression="\d{10,11}"></asp:RegularExpressionValidator>
        <asp:RequiredFieldValidator ID="rqPhone" runat="server" 
            ControlToValidate="txtPhone" Display="None" 
            ErrorMessage="Please enter your phone number"></asp:RequiredFieldValidator>
        <asp:ValidatorCalloutExtender ID="rqPhone_ValidatorCalloutExtender" 
            runat="server" HighlightCssClass="validatorCalloutHighlight" 
            TargetControlID="rqPhone">
        </asp:ValidatorCalloutExtender>
        <asp:ValidatorCalloutExtender ID="rqregxPhone_ValidatorCalloutExtender" 
            runat="server" HighlightCssClass="validatorCalloutHighlight" 
            TargetControlID="rqregxPhone">
        </asp:ValidatorCalloutExtender>
        <asp:TextBox ID="txtPhone" runat="server" Width="180px"></asp:TextBox>
    </div>
</div>
<div class="form_register">
    <div class="form_register_left">
        <asp:Label ID="Label3" runat="server" Text="*Password"></asp:Label>
        <asp:RequiredFieldValidator ID="rdPassword" runat="server" 
            ControlToValidate="txtPassword" Display="None" 
            ErrorMessage="Please enter your pass word"></asp:RequiredFieldValidator>
        <asp:ValidatorCalloutExtender ID="rdPassword_ValidatorCalloutExtender" 
            runat="server" HighlightCssClass="validatorCalloutHighlight" 
            TargetControlID="rdPassword">
        </asp:ValidatorCalloutExtender>
        <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Width="180px"></asp:TextBox>
    </div>
    <div class="form_register_right">
        <asp:Label ID="Label10" runat="server" Text="*Address"></asp:Label>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
            ControlToValidate="txtAddress" Display="None" 
            ErrorMessage="Please enter your address"></asp:RequiredFieldValidator>
        <asp:ValidatorCalloutExtender ID="RequiredFieldValidator1_ValidatorCalloutExtender" 
            runat="server" HighlightCssClass="validatorCalloutHighlight" 
            TargetControlID="RequiredFieldValidator1">
        </asp:ValidatorCalloutExtender>
        <asp:TextBox ID="txtAddress" runat="server" Width="180px"></asp:TextBox>
    </div>
</div>
<div class="form_register">
    <div class="form_register_left">
        <asp:Label ID="Label4" runat="server" Text="*Re-Password"></asp:Label>
        <asp:RequiredFieldValidator ID="rqRepass" runat="server" 
            ControlToValidate="txtRePassword" Display="None" 
            ErrorMessage="Please enter confirm password" SetFocusOnError="True"></asp:RequiredFieldValidator>
        <asp:ValidatorCalloutExtender ID="rqRepass_ValidatorCalloutExtender" 
            runat="server" HighlightCssClass="validatorCalloutHighlight" 
            TargetControlID="rqRepass">
        </asp:ValidatorCalloutExtender>
        <asp:CompareValidator ID="cvPassword" runat="server" 
            ControlToCompare="txtPassword" ControlToValidate="txtRePassword" Display="None" 
            ErrorMessage="Invalid confirm password" SetFocusOnError="True"></asp:CompareValidator>
        <asp:ValidatorCalloutExtender ID="cvPassword_ValidatorCalloutExtender" 
            runat="server" HighlightCssClass="validatorCalloutHighlight" 
            TargetControlID="cvPassword">
        </asp:ValidatorCalloutExtender>
        <asp:TextBox ID="txtRePassword" runat="server" TextMode="Password" 
            Width="180px"></asp:TextBox>
    </div>
    <div class="form_register_right" style="height: 75px">
    <div style="margin-top: 50px;"><asp:Button ID="btnRegiser" runat="server" 
            Text="Regiser" onclick="btnRegiser_Click" /></div> 
    </div>
</div>
</asp:Content>

